@font-face {
	font-family: "GostBStandard";
	src: url("/templates/default/fonts/GostBStandard/GostBStandard.eot");
	src: url("/templates/default/fonts/GostBStandard/GostBStandard.eot?#iefix")format("embedded-opentype"),
	url("/templates/default/fonts/GostBStandard/GostBStandard.woff") format("woff"),
	url("/templates/default/fonts/GostBStandard/GostBStandard.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
}

div {
	font-family:Arial;
	/*border: 1px solid black;
	background: rgba(240,40,41,0.6)*/
}

body {
	padding: 0px;
    margin: 0px;
	/*overflow: hidden;*/
	background-color: #fafafa;
}

#viewport {
	width: 100%;
	height: 100%;
	display: block;
	padding: 0px;
	margin: 0px;
}

#iheader {
	height: 4em;
	border-radius: 0px 2em 2em 0px;
	background: #EEE;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;

	border: 0.2em solid #bfbfbf;
	border-left: 0em;

	z-index: 99;
}
#virtual-header {
	height: 4em;

	position: fixed;
	top: 0px;
	left: 0px;
	width: 1%;

}



#icontent {
	margin-top: 6em;
	/*min-height: 90%;*/
}
#messages-container {
	padding: 0em 20px 0em 0em;
}
.imessage {
	width: calc(100% - 8em);
	padding: 0.5em 2em 1.5em 0em;
	margin: 2em;
	background: #eee;
	border: 0.2em solid #bfbfbf;
	border-radius: 0.4em;

	
}
.mlvl-err {
	background: #eed2d2;
	border: 0.2em solid #ad7070;
}
.mlvl-warn {
	background: #eee4c9;
	border: 0.2em solid #ad9a77;
}

.imessage h3 {
	margin: 0em 0em 0em 0em;
	text-align: center;
}
.imessage p {
	margin: 1em 0em 0em 2em;
	text-align: justify;
	/*text-shadow: rgb(170, 174, 148) 1px 0px 0px, rgb(255, 174, 148) 0.540302px 0.841471px 0px, rgb(255, 174, 148) -0.416147px 0.909297px 0px, rgb(255, 174, 148) -0.989992px 0.14112px 0px, rgb(255, 174, 148) -0.653644px -0.756802px 0px, rgb(255, 174, 148) 0.283662px -0.958924px 0px, rgb(255, 174, 148) 0.96017px -0.279415px 0px;*/
}

.ibutton {
	box-shadow:inset 0px 1px 0px 0px #a4e271;
	background:linear-gradient(to bottom, #89c403 5%, #77a809 100%);
	background-color:#89c403;
	border-radius:6px;
	border:1px solid #74b807;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #528009;
}
.ibutton:hover {
	background:linear-gradient(to bottom, #77a809 5%, #89c403 100%);
	background-color:#77a809;
}
.ibutton:active {
	position:relative;
	top:1px;
}
.nibutton {
	box-shadow:inset 0px 1px 0px 0px #f5978e;
	background:linear-gradient(to bottom, #f24537 5%, #c62d1f 100%);
	background-color:#f24537;
	border-radius:6px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}
.nibutton:hover {
	background:linear-gradient(to bottom, #c62d1f 5%, #f24537 100%);
	background-color:#c62d1f;
}
.nibutton:active {
	position:relative;
	top:1px;
}

.pluseg {
	padding-left: 5px;
}
.pluseg::before {
  content: "\2795";
  margin-right: 5px;
}

table.dataTable {
  border: 1px solid #1C6EA4;
  background-color: #EEEEEE;
  width: 100%;
  text-align: left;
  border-collapse: collapse;
}
table.dataTable td, table.dataTable th {
  border: 1px solid #AAAAAA;
  padding: 3px 2px;
}
table.dataTable tbody td {
  font-size: 18px;
	padding: 0.3em;
	height: 1em;
	position: relative;
}

table.dataTable tbody td.dt-right {
	padding-right: 1%;
}

table.dataTable tr {
	-webkit-transition: background 0.5s 0s ease-in-out;
	-moz-transition: background 0.5s 0s ease-in-out;
	-o-transition: background 0.5s 0s ease-in-out;
	transition: background 0.5s 0s ease-in-out;
}
table.dataTable tbody tr:hover {
	/*background: #eef3f2 !important;*/
	outline: 2px solid #656565;
}

/*table.dataTable tr:nth-child(even) {*/
/*  background: #EAE9DF;*/
/*}*/
table.dataTable thead {
  background: #3A7BA4;
  background: -moz-linear-gradient(top, #6b9cbb 0%, #4d88ad 66%, #3A7BA4 100%);
  background: -webkit-linear-gradient(top, #6b9cbb 0%, #4d88ad 66%, #3A7BA4 100%);
  background: linear-gradient(to bottom, #6b9cbb 0%, #4d88ad 66%, #3A7BA4 100%);
  border-bottom: 2px solid #444444;
}
table.dataTable thead th {
  font-size: 20px;
  font-weight: normal;
  color: #FFFFFF;
  border-left: 2px solid #D0E4F5;
}
table.dataTable thead th:first-child {
  border-left: none;
}

table.dataTable tfoot {
  font-size: 18px;
  font-weight: bold;
  color: #FFFFFF;
  background: #E8EFF5;
  background: -moz-linear-gradient(top, #eef3f7 0%, #eaf0f6 66%, #E8EFF5 100%);
  background: -webkit-linear-gradient(top, #eef3f7 0%, #eaf0f6 66%, #E8EFF5 100%);
  background: linear-gradient(to bottom, #eef3f7 0%, #eaf0f6 66%, #E8EFF5 100%);
  border-top: 2px solid #444444;
}
table.dataTable tfoot td {
  font-size: 18px;
}
table.dataTable tfoot .links {
  text-align: right;
}
table.dataTable tfoot .links a{
  display: inline-block;
  background: #6282A4;
  color: #FFFFFF;
  padding: 2px 8px;
  border-radius: 5px;
}

.iListSelector {
	position: relative;
	height: 100%;
	/*background-color: white;*/
}
.dataTable input {
	background: none;
}

.iListSelector > input[type="text"] {
	width: 100%;
	margin: 0px;
	border: 0px;
	font-size: 1em;

}

.dataTable input[type="text"]:focus {
	background-color: white;
}

.iListSelector:focus-within > .iList {
	display: block;
}

.iListSelector > .iList {
	position: absolute;
	width: 100%;
	left: 0px;
	/*top: 1em;*/
	background-color: white;
	display: none;

}

.iList:hover {
	display: block;
}

.iList p {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	z-index: 999;
	background-color: white;
}
.iList > p:nth-child(2n) {
	background-color: #f7f7f7;
}
.iList > p:hover {
	background-color: #efefef;
}

.iList > p > span {
	color: red;
}

.iInput {
	position: relative;
	height: 100%;
	/*background-color: white;*/
}
.iInput > input[type="text"] {
	width: 100%;
	margin: 0px;
	border: 0px;
	font-size: 1em;
}

.unsaved {
	background: #e0cfc8 !important;
}

#iUserBar {
	width: 4em;
	height: 4em;
	position: absolute;
	top: 0px;
	right: 0px;
}

#iheader > .iBigItem {
	width: 4em;
	height: 4em;
	position: absolute;
	top: 0px;
}

.circle44 {
	border: 0.2em solid #bfbfbf;
	border-radius: 3em;

	background-image: url("/templates/default/images/icon/user.png");
	background-position: center;
	background-size: contain;

	display: block;

	height: 4em;
	width: 4em;
	left: -0.2em;
	top: -0.2em;
	position: relative;
}

.iUserMenu {
	border: 1px solid black;
	position: relative;
	left: -5em;
	width: 10em;
	background: #eee;
	display: none;
}
#cbUserMenu:checked ~ .iUserMenu {
	display: block;
}

#iheader ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;


}

#iheader ul a {
	text-decoration: none;
	color: black;
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	padding-left: 1.3em;
}

#iheader ul > li {
	/*display: inline-block;*/
	/*background-image: url(/templates/default/images/icon/login.png);*/

}

.loginButton {
	background-image: url(/templates/default/images/icon/login.png);
}
.settingsButton {
	background-image: url(/templates/default/images/icon/gear.png);
}

#iMainMenu {
	background-position: left;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(/templates/default/images/icon/list.png);
	position: relative;
	margin: 0px 1em;
	height: 100%;
	display: block;
}

#cbMainMenu:checked ~ .lMainMenu {
	display: block;
}

.lMainMenu {
	position: absolute;
	left: -1em;
	top: 4em;
	width: 16em;
	background: #eee;
	display: none;

}

.lMainMenu ul {
	margin-left: 1em !important;
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.iNavBar {
	margin: 0.2em 5em 0em 5em;
	border: 1px solid #bfbfbf;
	background-color: white;
}
.iNavBar a {
	color: black;
	text-decoration: none;
}

.iToolBar {
	margin: 0.2em 5em 0em 5em;
	/*border: 1px solid #bfbfbf;
	background-color: white;*/
	position: absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
}
.iToolButton {

	/*width: 2em;*/
	display: inline-block;
	height: 1.6em;
	border: 0.2em solid;
	border-color: #bfbfbf;
	border-bottom: 0px;
	border-radius: 0.3em 0.3em 0em 0em;
	vertical-align: bottom;
}
.iToolButton:hover {
	background-color: #fafafa;
}
.iToolButton p {
	margin: 0.2em 0.3em;
	color: #696969;
}

.iMenuBGIcon {
	background-repeat: no-repeat;

	background-size: 1em 1em;
}
.MBI_test {
	background-image: url("/templates/default/images/icon/test.png");
}

.whitebtn {
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
}
.whitebtn:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.whitebtn:active {
	position:relative;
	top:1px;
}

.popupForm {
	position: fixed;
	left: 10em;
	right: 10em;
	top: 10em;
	bottom: 10em;

	padding: 2em 2em 6em 2em;

	background-color: white;
	border: 1px solid #bebebe;
	border-radius: 1em;
	overflow: hidden;

	user-select: none;
	/*background-color: #9B410E;*/
}

@media (hover:none), (hover:on-demand) {
	/* custom css for "touch targets" */
	.popupForm {
		font-size: 0.5em;
		/*width: 100%;
		height: 50%;*/
		left: 10em;
		right: 10em;
		top: 10em;
		bottom: 2em;

	}
}

.form-group {
	display: block;
	font-size: 1.4em;
	padding: 1em;
	border-bottom: 1px solid #bebebe;

}
.formbuilder-text-label {
	display: block;
}
.form-control {
	width: 100%;
}

.popupForm .form_buttons {
	position: absolute;
	left: 2em;
	right: 0px;
	bottom: 0px;
	height: 4em;
}
.popupForm .form_buttons > div {
	display: inline-block;
}
.popupForm .whitebtn {
	margin-right: 2em;
}

.hidden {
	display: none;
}

.form-caption {
	position: relative;
	min-height: 1.2em;
}
.form-caption div {
	display: inline-block;
	height: 2.2em;
}
.form-caption div * {
	padding: 0px;
	margin: 0.3em;
	height: 100%;
}

.popupForm .toleft {
	position: absolute;
	left: 0px;
	top: 0px;
}
.popupForm .columns .toleft {
	width: 50%;
	position: relative;
}
.popupForm .tocenter {
	width: 100%;
	text-align: center;
	/*position: absolute;
	top: 0px;*/
	height: fit-content;
}
.popupForm .columns {
	position: relative;
}

.popupForm .toright {
	position: absolute;
	right: 0px;
	top:0px;

}
#confirm_spisanie table {
	font-size: 1.3em;
}
.form-caption span{
	font-size: 2em;
	font-weight: bold;
}

.svodka {
	width: 100%;
}

.svodka table {
	width: 100%;
}

.splash {
	position: fixed;
	left: 0px;
	right: 0px;
	top:0px;
	bottom: 0px;
	background: #444;
	opacity: 0.4;
}

.popupForm .closeButton {
	position: absolute;
	right: 0em;
	top: 0em;
	opacity: 0.8;
	/*background: red;*/
	width: 3em;
	height: 3em;
	background-image: url("/templates/default/images/icon/cancel.png");
	background-size: contain;
}


.popupForm .arrow {
	text-align: center;
	font-weight: bold;
	font-size: 6em;
	font-family: GostBStandard;
	width: 100%;
	height: 1.5em;
}
.popupForm .up {
	position: absolute;
	top:0px;
	left: 0px;
	background: #89c403;
}
.popupForm .down {
	position: absolute;
	bottom: 0px;
	left: 0px;
	background: #9B410E;
}
.popupForm .singleInput {
	margin: 7em 0em;
	height: calc(100% - 10em);
	position: relative;
}
.popupForm .singleInput input {
	width: calc(100% - 5em);
	font-size: 5em;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -1em;
	width: 60%;
	height: 2em;
	text-align: center;
}
.popupForm .singleInput .btn {
	position: absolute;
	background: #f0c040;
	font-size: 6em;
	font-family: GostBStandard;
	text-align: center;
	top: 15%;
	right: 0;
	width: 35%;
	height: 70%;
}
.btn p{
	top: 50%;
	position: absolute;
	margin-top: -1em;
	line-height: 2em;
}


.iProgressBar {
	display: block;

	position: absolute;

	top:0px;
	bottom: 0px;
	left: 0px;
	right: 0px;

}
.iProgressBar div {
	background: rgb(81,182,209);
	background: linear-gradient(90deg, rgba(81,182,209,0.5) 0%, rgba(81,182,209,0.3) 50%, rgba(87,227,255,0) 100%);;
	height: 100%;
}
.full > div {
	background-color: #9cd08669;
}
.iProgressBar p {
	padding: 0px;
	margin: 0.3em;
	width: 100%;
	text-align: center;
	color: white;
	mix-blend-mode: difference;
	position: absolute;
	left: 0px;
	top: 0px;
}

.ignoreme {
	color: #ccc;
}

.borderedWnd {
	background-color: #eee;
	border: 0.2em solid #bfbfbf;
	margin: 10em 30%;
	padding: 0em 2em 0.8em 2em;
	text-align: center;
}
.borderedWnd form {
	display: block;
	position: relative;
}
.borderedWnd input {
	display: block;
	width: 100%;

	margin: 1em 0em;
}

.PrinterIcon {
	background-image: url("/templates/default/images/icon/printer.png");
	background-size: contain;
	background-repeat: no-repeat;
	width: 2em;
	height: 2em;
}
.filter_green {
	filter: invert(64%) sepia(95%) saturate(3023%) hue-rotate(85deg) brightness(116%) contrast(113%);

	opacity: 0.2;
}

.filter_red {
	filter: invert(21%) sepia(93%) saturate(6758%) hue-rotate(345deg) brightness(93%) contrast(119%);
}

.btn_active {
	height: 2.2em;
	position: relative;
	background: #eeeeee;
	top: 0.2em;
}
.btn_active p {
	margin-top: 0.4em;
}

.iToolBarEx {

}

.eEditor {

}
.eEditor tbody td {
	padding: 0px !important;
}
.eEditor input {
	margin: 0px;
	border: 0px;
	width: 100%;
	padding: 0.6em;
}

.eList {
	width: 100%;
	/*padding: 1em 0em;*/
	position: absolute;
	top: 1.6em;
	z-index: 999;
}

.eSelector {
	position: relative;
}
.eSelector:focus-within > .eList {
	display: block;
}

.eSelector > .eList {
	position: absolute;
	width: 100%;
	left: 0px;
	/*top: 1em;*/
	background-color: white;
	display: none;

}

.eList:hover {
	display: block;
}

.eList p {
	margin: 0em;
	padding: 0.4em;
	/*font-size: 18px;*/
	overflow: hidden;
	white-space: nowrap;
	position: relative;
	z-index: 999;
	background-color: #eaeaea;
}
.eList > p:nth-child(2n) {
	background-color: #f7f7f7;
}
.eList > p:hover {
	background-color: #dae7cd;
	outline: 2px solid rgba(60, 189, 3, 0.53);
}

.high {
	background-color: #dae7cd !important;
	outline: 2px solid rgba(60, 189, 3, 0.53);
}

.eList > p > span {
	color: red;
}


.sawInfoBlock {
	border: 0.2em solid #bfbfbf;
	width: 20em;
	position: relative;
	font-family: "GostBStandard";
	display: inline-block;
	margin: 1em;




	background: rgb(191,191,191);
	background: linear-gradient(90deg, rgba(191,191,191,1) 0%, rgba(245,245,245,1) 90%, rgba(255,255,255,1) 100%);
	background-repeat: no-repeat;
	background-size: 200%;
	-webkit-transition: background 1.8s 0.3s ease;
	-moz-transition: background 1.8s 0.3s ease;
	-o-transition: background 1.8s 0.3s ease;
	transition: background 1.8s 0.3s ease;

	background-position: -40em;
}
.sawInfoBlock:hover {
	background-position: 0em;
}
.sawInfoBlock > div {
	width: 100%;
	height: 4em;
	position: relative;
}
.sawInfoBlock .Time {
	position: absolute;
	bottom: 0em;
	right: 1em;
}
.sawInfoBlock .Material {
	position: absolute;
	left: 0em;
	bottom: 0em;
}
.sawInfoBlock .Filename {
	left: 0em;
	top:0em;
	position: absolute;

}
.sawInfoBlock .Sheets {
	right: 0em;
	top: 0em;
	position: absolute;
}
.sawInfoBlock h1 {
	text-align: center;
	margin: 0.3em 0.3em 0em 0.3em;
}
.sawInfoBlock h2 {
	margin: 0.1em;
}
.sawInfoBlock p {
	margin: 0.3em;
}
.sawInfoBlock p span {
	font-size: large;
	font-weight: bold;
}
.InfoContainer {
	column-width: 20em;
	text-align: center;
}
.sawInfoBlock .Saw {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	text-align: left;
}

.tiCount {
	float: right;
}
.tiPlaned {
	float: left;
}
.central {
	text-align: center;
}
.unmarked {
	color: #55555555;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
.marked {
	background-color: #c4ffb12e;
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}
.broken-marked {
	background-color: rgba(252, 229, 89, 0.18);
	-webkit-transition: all 0.5s 0s ease;
	-moz-transition: all 0.5s 0s ease;
	-o-transition: all 0.5s 0s ease;
	transition: all 0.5s 0s ease;
}

.toolPanel {
	background: #EEE;
	border-bottom: 1px solid #bfbfbf;
}

.RedStr {
	display: inline-block;
}
.RedStr > div {
	padding: 0em 2em;
}

.iToolPanel {
	position: absolute;
	top: 4em;
	left: 0em;
	right: 4em;
	border: 0.2em solid #bfbfbf;
	border-left: 0em;
	background: #eee;
	min-height: 1em;
	padding: 1em;
}

.newRowForm {
	width: 24em;
}
.newRowForm input {
	width: 18em;
	margin: 0.2em;
}
.newRowForm label {
	width: 6em;
	display: inline-block;
}
.newRowForm > div {

}

.SIMILAR td:nth-child(5) {
	color: gray;
}
.inner_row td:nth-child(1) {
	background-color: #eee;
	border: 0px;
}
.inner_row td:nth-child(2) {
	/*border-left: 0.1em solid black;*/
}
/*.inner_row td {
	font-size: 0.9em;
}*/

.outer_row td:nth-child(1) {
	/*border-bottom: 0.1em solid black;*/
}

.variant_box {
	position: absolute;
	z-index: 12;
	background-color: #d0d0d0;
	width: 100%;
	display: none;
}
.variant_box p:hover {
	outline: 1px black;
	background-color: white;
}
.variant_box p {
	margin: 0px;
	padding: 0px;
	user-select: none;
}

.variant_box:hover {
	display: block;
}
.variants:focus-within .variant_box {
	display: block;
}
.variants input {
	width: 100%;
}
.mark {
	background-color: #77a809;
}

.head_cronshtein {
	position: sticky;
	top: 4em;
	z-index: 76;
}